#arduino{
    height: 230px;
    width: 350px;   
}



#arduino{
    height: 230px;
    width: 350px;   
}



#arduino_Pin_1{
    position: absolute;
    top: 12px;
    left: 141px;
}
#arduino_Pin_2{
    position: absolute;
    top: 12px;
    left: 153px;
}   

#arduino_Pin_3{
    position: absolute;
    top: 12px;
    left: 164px;
}
#arduino_Pin_4{
    position: absolute;
    top: 12px;
    left: 175px;
}   
#arduino_Pin_5{
    position: absolute;
    top: 12px;
    left: 187px;
}
#arduino_Pin_6{
    position: absolute;
    top: 12px;
    left: 198px;
}   
#arduino_Pin_7{
    position: absolute;
    top: 12px;
    left: 211px;
}
#arduino_Pin_8{
    position: absolute;
    top: 12px;
    left: 223px;
}   
#arduino_Pin_9{
    position: absolute;
    top: 12px;
    left: 242px;
}
#arduino_Pin_10{
    position: absolute;
    top: 12px;
    left: 253px;
}   

#arduino_Pin_11{
    position: absolute;
    top: 12px;
    left: 264px;
}
#arduino_Pin_12{
    position: absolute;
    top: 12px;
    left: 276px;
}   
#arduino_Pin_13{
    position: absolute;
    top: 12px;
    left: 287px;
}
#arduino_Pin_14{
    position: absolute;
    top: 12px;
    left: 298px;
}   
#arduino_Pin_15{
    position: absolute;
    top: 12px;
    left: 310px;
}
#arduino_Pin_16{
    position: absolute;
    top: 12px;
    left: 322px;
} 

/* Down */

#arduino_Pin_17{
    position: absolute;
    top: 234px;
    left: 159px;
}
#arduino_Pin_18{
    position: absolute;
    top: 234px;
    left: 171px;
}   
#arduino_Pin_19{
    position: absolute;
    top: 234px;
    left: 183px;
}
#arduino_Pin_20{
    position: absolute;
    top: 234px;
    left: 194px;
}   
#arduino_Pin_21{
    position: absolute;
    top: 234px;
    left: 205px;
}
#arduino_Pin_22{
    position: absolute;
    top: 234px;
    left: 216px;
}   
#arduino_Pin_23{
    position: absolute;
    top: 234px;
    left: 228px;
}
#arduino_Pin_24{
    position: absolute;
    top: 234px;
    left: 241px;
}   

#arduino_Pin_25{
    position: absolute;
    top: 234px;
    left: 265px;
}
#arduino_Pin_26{
    position: absolute;
    top: 234px;
    left: 276px;
}   
#arduino_Pin_27{
    position: absolute;
    top: 234px;
    left: 287px;
}
#arduino_Pin_28{
    position: absolute;
    top: 234px;
    left: 299px;
}   
#arduino_Pin_29{
    position: absolute;
    top: 234px;
    left: 310px;
}
#arduino_Pin_30{
    position: absolute;
    top: 234px;
    left: 323px;
} 




/* >>>>>>>>>>>>>>>>>>>>>>>>       LED     >>>>>>>>>>>>>>>>>>>>>>>>> */

#rgb_led_red{
    position: absolute;
    top: 54px;
    left: 1.48px;
}

#rgb_led_gnd{
    position: absolute;
    top: 57.5px;
    left: 10.52px;
}

#rgb_led_blue{
    position: absolute;
    top: 52.8px;
    left: 29.5px;
}
#rgb_led_green{
    position: absolute;
    top: 52.8px;
    left: 20.5px;
}





/* //>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> register  ?>>>>>>>>>>>>>>>>>>>>>> */
#reg1_leg_left{
    position: absolute;
    top: 12px;
    left: 20px;
}

#reg1_leg_right{
    position: absolute;
    top: 80px;
    left:19px;
}


#reg2_leg_left{
    position: absolute;
    top: 12px;
    left: 56px;
}

#reg2_leg_right{
    position: absolute;
    top: 80px;
    left:56px;
}

#reg3_leg_left{
    position: absolute;
    top: 12px;
    left: 94px;
}

#reg3_leg_right{
    position: absolute;
    top: 80px;
    left:95px;
}
/* ...........................Breadboard.......................... */
#BB1{
    position: absolute;
    left: 100px;
    top: 40px;
}
#BB2{
    position: absolute;
    left: 136px;
    top: 40px;
}
#BB3{
    position: absolute;
    left: 174px;
    top: 40px;
}

#BB1down{
    position: absolute;
    left: 99px;
    top: 127px;
}
#BB2down{
    position: absolute;
    left: 99px;
    top: 137px;
}
#BB3down{
    position: absolute;
    left: 136px;
    top: 127px;
}
#BB4down{
    position: absolute;
    left: 136px;
    top: 137px;
}
#BB5down{
    position: absolute;
    left: 175px;
    top: 127px;
}
#BB6down{
    position: absolute;
    left: 175px;
    top: 137px;
}

/* .................... Dummy dots................... */
#dummyDot1{
    position: absolute;
    top: 54px;
    left: 1.48px;
}

#dummyDot4{
    position: absolute;
    top: 57.5px;
    left: 10.52px;
}

#dummyDot2{
    position: absolute;
    top: 52.8px;
    left: 29.5px;
}
#dummyDot3{
    position: absolute;
    top: 52.8px;
    left: 20.5px;
}

#dummyDot5{
    position: absolute;
    top: 64px;
    left: 102.2px;
}

#dummyDot6{
    position: absolute;
    top: 173.5px;
    left: 17px;
}

#dummyDot7{
    position: absolute;
    top: 110.8px;
    left: 16.5px;
}
#dummyDot8{
    position: absolute;
    top: 110.8px;
    left: 103px;
}
#dummyDot9{
    position: absolute;
    top: 173.5px;
    left: 103px;
}
#dummyDot10{
    position: absolute;
    top: 0px;
    left: 102px;
}
/*  .>>>>>>>>>>>>>>>>>>>>>>> Compiler >>>>>>>>>>>>>>>>>>>>>>>  */
.Main_Compiler{
    border: 2px solid black;
    position: absolute;
    overflow-y: scroll;
}


input[type=text] {
    width: 15%;
    height: 20px;
    padding: 0px 0px;    
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid black;
    outline: none;
    color: black;
  }  

#led_top{
    position:absolute;
    top: 0px;
    left: 6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    width: 20px;
    height: 22px;
}





.Arduino_Block{
    position: absolute;
    display: none;
    border-radius: 10px;
    width: 598px;
    background-color: transparent ;
    height: 659px;
    z-index: 2;
}
.Compiler_Block{
    position: absolute;
    display: none;
    border-radius: 10px;
    width: 788px;
    background-color: transparent ;
    height: 780px;
    z-index: 2;
}

#print{
    border-radius: 5px;
    background-color: black;
    color: yellow;
  }
  #print:hover{
    background-color: yellow;
    color: black;
  }

  #checkButton{
    border-radius: 5px;
    background-color: black;
    color: yellow;
  }
  #checkButton:hover{
    background-color: yellow;
    color: black;
  }

  
  #resetButton{
    border-radius: 5px;
    background-color: black;
    color: yellow;
  }
  #resetButton:hover{
    background-color: yellow;
    color: black;
  }
  
  
  #compileButton{
    border-radius: 5px;
    background-color: black;
    color: yellow;
  }
  #compileButton:hover{
    background-color: yellow;
    color: black;
  }


  #instructions{
    background-color: black;
    color: yellow;
  }

 #instructions:hover{
    background-color: yellow;
    color: black;
 } 



 #block_compiler_before{
    position: absolute;
    width: 420px;
    height: 630px;
    background-color: transparent;
    left: 880px;
    top: 200px;
    z-index: 2;
}